<div class="game-fl">
    <div class="index-top">
        <p>{{'fl-Page.html1' | translate}}</p>
    </div>

    <div class="body">
        <div class="top">
            <div class="top-img-sel" (click)='onChangeTab(true)'>
                <div class="text" [ngClass]='{"active":isClick}'>
                    <p>{{'fl-Page.html4' | translate}}</p>
                </div>
                <img *ngIf='isClick' src="../../../assets/images/fl-page/top2.png" class="mask" alt="">
                <img *ngIf='!isClick' src="../../../assets/images/fl-page/no-top2.png" class="mask" alt="">
            </div>
            <div class="top-img-sel" (click)='onChangeTab(false)'>
                <div class="text" [ngClass]='{"active":!isClick}'>
                    <p>{{'fl-Page.html5' | translate}}</p>
                </div>
                <img *ngIf='!isClick' src="../../../assets/images/fl-page/top1.png" alt="">
                <img *ngIf='isClick' src="../../../assets/images/fl-page/no-top1.png" alt="">
            </div>
        </div>
        <div class="top2">
            <div *ngFor="let item of menus" [ngClass]='{ "active-top2": pageData.genre02Id == item.id}' (click)='onClick(item)'><img 
                src="{{item.icon}}" alt="">
                <p>{{ item.name | getstatus2 : lang}}</p>
            </div>
        </div>
        <div class="Search">
            <i class="weui-icon-search"></i>
            <input class="weui-input" [(ngModel)]="pageData.gameName" type="search"
                placeholder="{{ 'fl-Page.html2' | translate }}" (keypress)="search()">
            <a class="weui-icon-clear" (click)='searchClear()'></a>
        </div>

        <div class="game-plays">
            <div class="title-tab" style="display: flex;">
                <div class="title-icon"><img src="../../../assets/images/fl-page/title.png" alt=""></div>
                <h1 style="margin-right: 1rem;">{{gamePlaysTitle  | getstatus2 : lang}}</h1>
                <div style="margin: auto;margin-right: 0;overflow: auto;white-space:nowrap;" *ngIf='pageData.genre02Id == "99999"'>
                    <a *ngFor="let item of providerlist" href="javascript:;" (click)='onProviderClick(item)' style="font-size:1.875rem;margin-right: 1.5rem;"
                        [ngStyle]="{'color':selProvider.id == item.id  ? '#ff9800' : '#333333' }">{{item.providerName}}</a>
                    <!-- <a href="javascript:;" (click)='onClick(10,false)'
                        [ngStyle]="{'color':!iscpClick ? '#ff9800' : '#333333' }" style="font-size:1.875rem;">蓝洞小作坊</a> -->
                </div>
            </div>
            <div class="img-c" *ngFor="let item of list">
                <div class="game-c">
                    <img style="width: 7rem;height: 7rem;" src="{{item.thumbnail}}" alt="">
                    <div class="game-text-c">
                        <div class="game-text" routerLink="/agency" [queryParams]='{id:item.id}'>
                            <em>{{item.name | getstatus2 : lang}}</em>
                            <p>{{item.briefInfo | getstatus2 : lang}}</p>
                            <weui-rating [(ngModel)]="item.levelStar" [config]="customIconsAndClassCog"
                                [readonly]="true"></weui-rating>
                        </div>
                        <a (click)='onSel(item.id)' class="pay-btn">{{ 'fl-Page.html6' | translate }}</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
   
</div>
